<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="archivalData.css"/>
  <link rel="stylesheet" href="../../../../lib/datetimepicker/css/datetimepicker.css"/>
  <link rel="stylesheet" href="main.css">
  <title>新增</title>
</head>
<body>
<ol class="breadcrumb">
  <li><a href="#"><i class="icon icon-th-list"></i>用户管理</a></li>
  <li><a href="#">个人类型租户管理</a></li>
  <li><a href="#">个人类型租户详情</a></li>
  <div class="right">
    <a href="#">返回<i class="icon icon-reply"></i></a>
  </div>
</ol>
<div class="addrole">
  <span>新增用户角色:</span>
  <select>
    <option>建筑公司</option>
    <option>分包班组单位</option>
    <option>材料供应商</option>
    <option>设施供应商</option>
    <option>设备供应商</option>
  </select>
</div>
<div class="btn-group tab-groups">
  <input type="button" class="btn btn-primary" value="档案资料">
  <input type="button" class="btn " value="账户列表">
  <input type="button" class="btn " value="银行账户">
  <input type="button" class="btn " value="资金账户">
  <input type="button" class="btn btn-danger" value="删除">
</div>
<div class="down-container">
  <div id="filedata">
    <div>
      <header>
        <strong>基本信息填写</strong> <span>扫描录入身份证信息</span>
      </header>
      <!--租户编号-->
      <div class="lesseeNum divPublic">
        <span>租户编号:</span>
        <input data-name="userCode" type="text" class="form-control margL-20 inputPublic hint" name=""/>
        <i class="icon icon-exclamation-sign warning">请输入租户编号</i>
      </div>
      <!--姓名-->
      <div class="divPublic name">
        <span>姓名:</span>
        <input type="text" data-name="realName" class="form-control margL-45 inputPublic hint"/>
        <i class="icon icon-exclamation-sign warning">请输入姓名</i>
      </div>
      <!--性别-->
      <div class="sex" data-name="sex">
        <span>性别:</span>
        <label class="radio-inline margL-45">男</label>
          <input type="radio" name="radioOptionsExample" checked>
        <label class="radio-inline">女</label>
          <input type="radio" name="radioOptionsExample">
      </div>
      <!--民族-->
      <div class="divPublic nation">
        <span>民族:</span>
        <input data-name="national" type="text" class="form-control margL-45 inputPublic hint"/>
        <i class="icon icon-exclamation-sign warning">如：汉族/朝鲜族等</i>
      </div>
      <!--出生日期-->
      <div class="divPublic birthdate">
        <span>出生日期:</span>
        <div class="input-group date form-date optionDate" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
          <input class="form-control Age hint" size="16" type="text" value="" placeholder="yyyy-mm-dd">
          <span class="input-group-addon"><span class="icon-remove"></span></span>
          <span class="input-group-addon" disabled="disabled"><span class="icon-calendar"></span></span>
        </div>
        <i class="icon icon-exclamation-sign warning posiT">请输入出生年月</i>
      </div>
      <!--年龄-->
      <div class="divPublic age">
        <span>年龄:</span>
        <input data-name="userAge" type="text" class="form-control margL-45 inputPublic Ageval" disabled/>
      </div>
      <!--户口地址-->
      <div class="divPublic registeredAdd">
        <span>户口地址:</span>
        <input data-name="residenceAddress" type="text" class="form-control margL-20 add hint"/>
        <i class="icon icon-exclamation-sign warning">请输入户口地址</i>
      </div>
      <!--联系地址-->
      <div class="divPublic contactAdd">
        <span>联系地址:</span>
        <input data-name="address" type="text" class="form-control margL-20 add hint"/>
        <i class="icon icon-exclamation-sign warning">请输入联系地址</i>
      </div>
      <!--身份证号码-->
      <div class="divPublic IDcard">
        <span>身份证号码:</span>
        <input data-name="idcardNum" type="text" class="form-control inputPublic hint"/>
        <i class="icon icon-exclamation-sign warning">请输入身份证号码</i>
      </div>
      <!--籍贯-->
      <div class="divPublic nativePlace">
        <span>籍贯:</span>
        <input data-name="nativePlace" type="text" class="form-control margL-45 inputPublic hint" placeholder="请填写籍贯，如:杭州"/>
        <i class="icon icon-exclamation-sign warning">请输入籍贯</i>
      </div>
      <!--身份证照片-->
      <div class="IDcard-pic">
        <span>身份证照片:</span>
        <div class="IDcard">
          <p>请上传头像，格式支持jpg，png</p>
          <div class="front">
            <div>
              <img data-name="idcardZurl" src="img/IDcard.png" alt="">
            </div>
            <div>
              <form name="form1">
                <input type="file" name="picpath" id="picpath" style="display:none;">
                <input type="button" value="上传身份证正面">
              </form>
            </div>
          </div>
          <div class=" back">
            <div>
              <img data-name="idcardFurl" src="img/IDcard.png" alt="">
            </div>
            <div>
              <form name="form1">
                <input type="file" name="picpath" id="picpath" style="display:none;">
                <input type="button" value="上传身份证背面" >
              </form>
            </div>
          </div>
        </div>
      </div>
      <!--头像-->
      <div class="topPic">
        <span>头像:</span>
        <div class="pic">
          <p>请上传头像，格式支持jpg，png</p>
          <div>
            <div>
              <img data-name="headIconUrl"  src="img/topPic.png" alt="">
            </div>
            <div>
              <form name="form1">
                <input type="file" name="picpath" id="picpath" style="display:none;">
                <input type="button" value="上传头像">
              </form>
            </div>
          </div>
        </div>
      </div>
      <!--身高-->
      <div class="divPublic">
        <span>身高:</span>
        <input data-name="height" type="text" class="form-control margL-45 inputPublic hint"/>
        <i class="icon icon-exclamation-sign warning">请输入身高</i>
      </div>
      <!--学历-->
      <div class="divPublic">
        <span>学历:</span>
        <div class="dropdown inputPublic margL-45">
          <select data-name="education" class="form-control education hint">
            <option>小学</option>
            <option>初中</option>
            <option>高中</option>
            <option>大专</option>
            <option>本科</option>
            <option>硕士</option>
            <option>博士</option>
          </select>
        </div>
        <i class="icon icon-exclamation-sign warning">请输入学历</i>
      </div>
      <!--工作经验-->
      <div class="divPublic">
        <span>工作经验:</span>
        <input data-name="workExperience" type="text" class="form-control margL-20 inputPublic hint" placeholder="请填写工作经验，如：5年"/>
        <i class="icon icon-exclamation-sign warning">请输入工作经验</i>
      </div>
      <!--启用状态设置-->
      <div class="divPublic condition">
        <span>启用状态设置:</span>
        <div class="slither checkbox checkbox-slider--b-flat checkbox-slider-lg">
          <label>
            <input  type="checkbox" data-name="isValid" class="switchs" checked=""><span id="switch">已启用</span>
          </label>
        </div>

      </div>
       <input type="button" value="保存并下一步" class="btn confirm">
    </div>
  </div>
  <div class="hides"  id="userlist">
    <div class="addrole">
      <div class="dropdown">
        <button class="btn" type="button" data-toggle="dropdown">新增 <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a onclick="newMain()">主账号</a></li>
          <li><a onclick="newSeed()">子账号</a></li>
          <li><a href="###">其他账号</a></li>
        </ul>
      </div>
    </div>
    <table id="qhTable" class="table table-bordered table-responsive table-striped table-hover"
           data-search="false" data-toolbar="#toolbarDiv"
           data-query-params="myQueryParams"
           data-striped="true"
           data-show-refresh="false"
           data-show-toggle="false"
           data-show-columns="false"
           data-show-export="false"
           data-detail-view="false"
           data-minimum-count-columns="2"
           data-show-pagination-switch="false"
           data-id-field="id"
           data-page-list="[10, 25, 50, 100, ALL]"
           data-side-pagination="server"
           data-response-handler="responseHandler"
           data-show-footer="false"
    >
      <thead>
      <th data-field="id" data-align="center"
          data-valign="middle" data-sortable="false" data-name="id">序号</th>
      <th data-field="headProtrait" data-align="center"
          data-valign="middle" data-sortable="false" data-name="headProtrait">头像</th>
      <th data-field="userName" data-align='center'
          data-valign="middle" data-sortable="false" data-name="userName">账号
      </th>
      <th data-field="nickName" data-align='center'
          data-valign="middle" data-name="nickName">姓名
      </th>
      <th data-field="phone" data-align='center'
          data-valign="middle" data-sortable="false" data-name="phone">联系电话
      </th>
      <th data-field="accountType" data-align='center'
          data-valign="middle" data-sortable="false" data-name="accountType">账号类型
      </th>
      <th data-field="regTime" data-align='center'
          data-valign="middle" data-sortable="false" data-name="birthday">注册日期
      </th>
      <th data-field="isValid" data-align='center'
          data-valign="middle" data-sortable="false" data-name="isValid">启用状态
      </th>
      <th data-field="handle" data-align='center'
          data-valign="middle" data-sortable="false" data-name="handle" data-formatter="totalFormatter">操作
      </th>
      </thead>
    </table>
  </div>
  <div  class="hides"  id="bankaccount">
    <div class="addrole">
      <div class="dropdown">
        <button class="btn" type="button" data-toggle="dropdown">新增 <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a onclick="newBank()">对公账户</a></li>
          <li><a onclick="newper()">个人账户</a></li>
        </ul>
      </div>
    </div>
    <table id="qhTables" class="table table-bordered table-responsive table-striped table-hover"

           data-search="false" data-toolbar="#toolbarDiv"
           data-query-params="myQueryParams"
           data-striped="true" data-single-select="true"
           data-show-refresh="false"
           data-show-toggle="false"
           data-show-columns="false"
           data-show-export="false"
           data-detail-view="false"
           data-minimum-count-columns="2"
           data-show-pagination-switch="false"
           data-id-field="id"
           data-page-list="[10, 25, 50, 100, ALL]"
           data-side-pagination="server"
           data-response-handler="responseHandler"
           data-show-footer="false"
    >
      <thead>
      <th data-field="merchandiseCode" data-align="center"
          data-valign="middle" data-sortable="false">序号</th>
      <th data-field="categoryName" data-align="center"
          data-valign="middle" data-sortable="false">头像</th>
      <th data-field="attribute" data-align='center'
          data-valign="middle" data-sortable="false">账号
      </th>
      <th data-field="actualPrice" data-align='center'
          data-valign="middle">姓名
      </th>
      <th data-field="merchandiseUnit" data-align='center'
          data-valign="middle" data-sortable="false">联系电话
      </th>
      <th data-field="actualQuantity" data-align='center'
          data-valign="middle" data-sortable="false">账号类型
      </th>
      <th data-field="goodsAfloat" data-align='center'
          data-valign="middle" data-sortable="false">注册日期
      </th>
      <th data-field="course" data-align='center'
          data-valign="middle" data-sortable="false">启用状态
      </th>
      <th data-field="goodsAfloat" data-align='center'
          data-valign="middle" data-sortable="false">操作
      </th>
      </thead>
    </table>
  </div>
  <div class="hides"  id="fundaccount">
    124321
  </div>
</div>
<script src="../../../../lib/jquery/jquery.js" type="text/javascript"></script>
<script src="../../../../lib/zui/zui.js" type="text/javascript"></script>
<script src="../../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js" type="text/javascript"></script>
<script src="../../../../lib/layer/layer.js"></script>
<script src="../../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="archivalData.js"></script>
</body>
</html>